<template>
   <div class="resume">
      <div class="resume-header pt20">
          个人信息
      </div>
<!--       个人信息的介绍-->
       <div class="msg-list">
           <ul>
               <li>姓名：冯尉辉</li>
               <li>年龄：22</li>
               <li>电话： 15279279713</li>
               <li>邮   箱：15279279713@163.com</li>
               <li>工作经验： 一年半</li>
               <li>现住城市：南昌</li>
               <li>Github：<a href="https://github.com/gujiwuqing">https://github.com/gujiwuqing</a></li>
               <li>码云：<a href="https://gitee.com/fwh1998">https://gitee.com/fwh1998</a></li>
               <li>期望岗位：web前端开发</li>
           </ul>
       </div>

<!--       教育背景的介绍-->
       <div class="education mt40">
           <h2 class="title pb20">教育背景</h2>
           <div class="education-content">
               <span>2016.09-2019.06</span><span>江西泰豪动漫职业学院</span><span>软件技术</span><span>大专</span>
           </div>
       </div>
<!--       工作经历的介绍-->
       <div class="work-experience mt30">
           <h2 class="title">工作经验</h2>
           <div class="experience-list-1 pt20">
               <div class="experience-list-1-top">
                   <span class="font">公司名称：南昌雄采友迎科技有限公司</span>
                   <span class="font">职位名称：web前端工程师</span>
               </div>
               <div class="font">
                   在职时间：2019年12月 -至今
               </div>
               <div class="font">
                   技术栈：Uni-app+Element-ui+ColorUI以及Vue.js
               </div>
               <div class="direction flex">
                   <div class="direction-left font">
                       工作描述：
                   </div>
                   <div class="direction-right">
                       <p class="font">1.根据公司业务需求制作出属于公司的微信小程序以及两个后台管理系统的完成，日常更新小程序以及后台管理系统，以及日常维护。</p>
                       <p class="font">2.严格按照项目的UI设计稿进行团猿小程序以及后台管理系统的开发与布局</p>
                       <p class="font"> 3.根据需求完成项目的主要核心模块的功能实现，与后端开发人员进行联调</p>
                   </div>
               </div>
           </div>

           <div class="experience-list-2 mt20">
               <div class="experience-list-1-top">
                   <span class="font">公司名称：南昌锐享思创网络科技有限公司 </span>
                   <span class="font">职位名称：web前端工程师</span>
               </div>
               <div class="font">
                   在职时间：2018年11月 -2019年12月
               </div>
               <div class="font">
                   技术栈：Element-ui以及Vue.js
               </div>
               <div class="direction flex">
                   <div class="direction-left font">
                       工作描述：
                   </div>
                   <div class="direction-right">
                       <p class="font">1.根据公司业务需求制作出属于公司的微信小程序以及两个后台管理系统的完成，日常更新小程序以及后台管理系统，以及日常维护。</p>
                       <p class="font">2.严格按照项目的UI设计稿进行公司官网丶公司后台管理系统以及刷单系统的开发与布局</p>
                       <p class="font"> 3.根据需求完成项目的主要核心模块的功能实现，与后端开发人员进行联调</p>
                   </div>
               </div>
           </div>

       </div>


<!--       项目经验的介绍-->
       <div class="project-experinece mt30">
           <h2 class="title">项目经验</h2>
           <div class="project-1 pt20">
               <div class="name font">
                   <span class="experinece-title">项目名称</span>：团猿
               </div>
               <div class="time font">
                   <span class="experinece-title">时间</span>：2019.12-2020.03
               </div>
               <div class="direction font">
                   <span class="experinece-title">项目描述</span>:团猿是一个集合吃喝玩乐为一体的平台小程序，目的为了更好的为大家服务，是一个服务类平台
               </div>
               <div class="direction flex">
                   <div class="direction-left font">
                       责任描述：
                   </div>
                   <div class="direction-right">
                       <p class="font">1．对整个项目的每个迭代进行需求能力评审。</p>
                       <p class="font">2．使用 uni-app 进行项目的整体搭建。封装适合项目的一部分功能。提供项目的业务的开发。</p>
                       <p class="font">3．在项目的迭代中主要负责整体页面的开发。</p>
                       <p class="font">4．整个项目使用 github进行项目管理。</p>
                   </div>
               </div>
           </div>
           <div class="project-2 mt30">
               <div class="name font">
                   <span class="experinece-title">项目名称</span>：团猿后台管理系统
               </div>
               <div class="time font">
                   <span class="experinece-title">时间</span>：2019.12-2020.03
               </div>
               <div class="direction font">
                   <span class="experinece-title">项目描述</span>:团猿后台管理系统是一个内部管理系统，分为管理端和运营端。能够添加团猿App以及小程序的东西，是一个便于大家操作的管理系统
               </div>
               <div class="direction flex">
                   <div class="direction-left font">
                       责任描述：
                   </div>
                   <div class="direction-right">
                       <p class="font">1．对整个项目的每个迭代进行需求能力评审。</p>
                       <p class="font">2．使用 Vue+Element-UI 进行项目的整体搭建和开发。</p>
                       <p class="font">3．使用组件化思想开发项目，方便后续的维护以及开发。</p>
                       <p class="font">4．整个项目使用 github进行项目管理。</p>
                   </div>
               </div>
           </div>
           <div class="project-3 mt30">
               <div class="name font">
                   <span class="experinece-title">项目名称</span>：淘一猫
               </div>
               <div class="time font">
                   <span class="experinece-title">时间</span>：2019.09-2019.10
               </div>
               <div class="direction font">
                   <span class="experinece-title">项目描述</span>:淘一猫是公司官网，当时是为了重构公司官网，于是便制作了淘一猫网站
               </div>
               <div class="direction flex">
                   <div class="direction-left font">
                       责任描述：
                   </div>
                   <div class="direction-right">
                       <p class="font">1．使用 Vue+Element-UI 进行项目的整体搭建和开发。</p>
                       <p class="font">2. 高级还原设计图稿，并且根据图稿来完成项目。</p>
                       <p class="font">3．使用组件化思想开发项目，方便后续的维护以及开发。</p>
                       <p class="font">4．整个项目使用 github进行项目管理。</p>
                   </div>
               </div>
           </div>
       </div>


<!--       专业技术能力的介绍-->
       <div class="skill">
           <h2 class="title">个人能力</h2>
           <p class="font">*熟练以及掌握Web前端技术HTML/CSS/Javascript等</p>
           <p class="font">*熟练掌握vue以及vuex等全家桶</p>
           <p class="font">*熟练掌握uni-app以及小程序</p>
           <p class="font">*有良好的沟通能力</p>
           <p class="font">*熟练使用构建工具git</p>
       </div>

<!--       自我评价-->
       <div class="evaluation mt40">
           <h2 class="title">自我评价</h2>
           <p class="font">1.热爱前端，有较强的学习能力，喜欢钻研前端技术</p>
           <p class="font">2.具有良好的人际交往、组织及沟通协调能力以及团队精神;</p>
           <p class="font"> 3.为人诚恳，踏实肯干，认真负责，敢于面对困难和挑战，爱岗敬业。</p>
           <p class="font">4.具备良好的编程习惯、编程思想及开发能力</p>
       </div>
   </div>
</template>

<script>
    export default {
        name: "Resume"
    }
</script>

<style scoped lang="stylus">
.font
    font-size 16px
    height: 40px
    line-height 40px
.title
    text-align left
    height: 40px
    line-height 40px
    font-size 26px
.experinece-title
    width 180px
.direction-left
    width 80px
.resume-header
    text-align center
    font-size 32px
    height 50px
    line-height 50px
    font-weight bold
    padding-bottom: 40px
.msg-list
    overflow hidden
.msg-list ul li
    width  400px
    height 40px
    line-height 40px
    text-align left
    font-size 16px
.education
    span
       display inline-block
       width 25%
       font-size 16px
       height 40px
       line-height 40px
.experience-list-1
     overflow hidden
.experience-list-1-top
      span
          width 50%
          display inline-block
          text-align left
.skill
    p
        padding-left 30px
.evaluation
    padding-bottom 60px
</style>